
<section class="technologylist">
  <!-- logo -->
  <div class="logo">
    <img src="../../assets/customer/logo.png" alt="">
  </div>
  <!-- 筛选条件 -->
  <div class="more-box">
    <h2>应用分类</h2>
    <div class="linght100">&nbsp;</div>
    <ul class="more-list">
      <li>PP</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
    </ul>
  </div>
  <div class="more-box">
    <h2>技术职称</h2>
    <div class="linght100">&nbsp;</div>
    <ul class="more-list">
      <li>PP</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
      <li>PE</li>
    </ul>
  </div>
  <div class="more-box">
    <h2>筛选条件</h2>
    <div class="linght100">&nbsp;</div>
    <div class="more-list searchres">
      <h4>全部结果</h4>
      <ul>
        <li :key="tag" v-for="tag in dynamicTags">
          <el-tag closable :disable-transitions="false" @close="handleClose(tag)">
            分类：{{tag}}
          </el-tag>
        </li>
      </ul>
    </div>
  </div>
  <!-- 查询菜单 -->
  <div class="menu-box">
    <el-row>
      <el-col :span="12">
        <span>关键字</span>
        <input type="text" name="" value="输入牌号关键字搜索">
        <span>交货方式</span>
        <div class="select">
          <el-select v-model="value4" clearable placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="prev-next-page">
          <div class="start-end-page">
            <b>1</b>/40
          </div>
          <el-button-group class="btn-group">
            <el-button icon="el-icon-arrow-left"></el-button>
            <el-button>
              <i class="el-icon-arrow-right el-icon--right"></i>
            </el-button>
          </el-button-group>
        </div>
      </el-col>
    </el-row>
  </div>
  <div class="bao-box">
   <div class="expert-box">
          <div class="person-expert">
            <div class="expert-title clearfix">
              <img src="../../assets/homeimg/photo.png" alt="">
              <span class="user">依依</span>
            </div>
            <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
            <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
            <h6>收费:70元/次 70元/分钟</h6>
            <div class="btn-group-my">
              <button type="" class="active-btn">电话咨询</button>
              <button type="">网上查询</button>
            </div>
          </div>
          <div class="person-expert">
            <div class="expert-title clearfix">
              <img src="../../assets/homeimg/photo.png" alt="">
              <span class="user">依依</span>
            </div>
            <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
            <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
            <h6>收费:70元/次 70元/分钟</h6>
            <div class="btn-group-my">
              <button type="" class="active-btn">电话咨询</button>
              <button type="">网上查询</button>
            </div>
          </div>

          <div class="person-expert">
            <div class="expert-title clearfix">
              <img src="../../assets/homeimg/photo.png" alt="">
              <span class="user">依依</span>
            </div>
            <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
            <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
            <h6>收费:70元/次 70元/分钟</h6>
            <div class="btn-group-my">
              <button type="" class="active-btn">电话咨询</button>
              <button type="">网上查询</button>
            </div>
          </div>

          <div class="person-expert">
            <div class="expert-title clearfix">
              <img src="../../assets/homeimg/photo.png" alt="">
              <span class="user">依依</span>
            </div>
            <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
            <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
            <h6>收费:70元/次 70元/分钟</h6>
            <div class="btn-group-my">
              <button type="" class="active-btn">电话咨询</button>
              <button type="">网上查询</button>
            </div>
          </div>

        </div>
        </div>
        <div class="bao-box">
          <div class="expert-box">
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
          </div>
        </div>
        <div class="mar23">&nbsp;</div>
        <div class="bao-box clearfix">
          <div class="expert-box">
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
            <div class="person-expert">
              <div class="expert-title clearfix">
                <img src="../../assets/homeimg/photo.png" alt="">
                <span class="user">依依</span>
              </div>
              <p class="yingyong">应用分类:精细化工（包括日用化工、橡胶印染助剂、有机合成等）</p>
              <p>擅长技术:塑料、塑料、胶黏剂、油墨、涂料、清洗剂、金属表面处理剂、金属加工助剂、纺织染整助剂、水处理药剂、建筑助剂、生化试剂、农药、皮革助剂</p>
              <h6>收费:70元/次 70元/分钟</h6>
              <div class="btn-group-my">
                <button type="" class="active-btn">电话咨询</button>
                <button type="">网上查询</button>
              </div>
            </div>
        
          </div>
        </div>
        <!-- 页码栏 -->
        <div class="mypage">
          <el-pagination background layout="prev, pager, next" :total="1000" class="show-page" prev-text="上一页" next-text="下一页">
          </el-pagination>
        </div>
</section>

